        header {
            height: .6rem;
            line-height: .6rem;
            color: #616161;
            font-size: .24rem;
            border-bottom: 1px solid #eee;
            z-index: 999;
        }
        
        #myForm > div{
        	width: 5rem;  height: .8rem;
            line-height: 0.5rem;  margin:0 auto 0.5rem;  border-radius: 50px;  padding-top:.15rem ;  box-sizing: border-box;  border: 1px solid #4A90E2;position: relative;
        }
        #myForm > div:last-child{border: none;}
        #myForm .label,#myForm .input,#myForm p{font-size: 0.24rem;}
        #myForm p,header{  text-align: center;  }
        #myForm .label{
        	line-height: 0.5rem;
            width: 1.6rem;
            text-align: right;
            display:inline-block ;
            float: left;
            position: relative;
        }
        @font-face {
		  font-family: 'icomoon';
		  src:  url('fonts/icomoon.eot?qpd179');
		  src:  url('fonts/icomoon.eot?qpd179#iefix') format('embedded-opentype'),
		    url('fonts/icomoon.ttf?qpd179') format('truetype'),
		    url('fonts/icomoon.woff?qpd179') format('woff'),
		    url('fonts/icomoon.svg?qpd179#icomoon') format('svg');
		  font-weight: normal;
		  font-style: normal;
		}
		
		[class^="icon-"], [class*=" icon-"] {
		  /* use !important to prevent issues with browser extensions that change fonts */
		  font-family: 'icomoon' !important;
		  speak: none;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
		
		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
        .icon-newspaper:before {
		  content: "\e904";
		  margin-right: 3px;
		  color: #4A90E2;
		}
		.icon-phone:before {
		  content: "\e942";
		  margin-right: 3px;
		  color: #4A90E2;
		}
		.icon-user:before {
		  content: "\e971";
		  margin-right: 3px;
		  color: #4A90E2;
		}
        #myForm .input{
            border-left: 1px solid rgba(0,0,0,.08);
            line-height: 0.5rem;
            width:3.5rem;
            height: .5rem;
            padding-left: 0.1rem;
              box-sizing: border-box;
        }
        .choose {
        	width:3.5rem;
        	float: left;
		    position: relative;
		}
		
		.choose .radio {
		    position: relative;
		    display: inline-block;
		    font-weight: 400;
		    color: #0c4757;
		    padding-left: 20px;
		    cursor: pointer;
		    margin-left: .2rem;
		}
		
		.choose .radio input {
		    position: absolute;
		    left: -9999px;
		}
		
		.choose .radio i {
		    display: block;
		    position: absolute;
		    top: 7px;
		    left: 0;
		    width: 15px;
		    height: 15px;
		    outline: 0;
		    border: 1px solid #4A90E2;
		    background: #ffffff;
		    border-radius: 50%;
		    transition: border-color .3s;
		    -webkit-transition: border-color .3s;
		}
		
		.choose .radio input + i:after {
		    position: absolute;
		    content: '';
		    top: 3px;
		    left: 3px;
		    width: 9px;
		    height: 9px;
		    border-radius: 50%;
		    background-color: #4A90E2;
		    border-color: #4A90E2;
		    opacity: 0;
		    transition: opacity .1s;
		    -webkit-transition: opacity .1s;
		}
		
		.choose .radio input:checked + i:after {
		    opacity: 1;
		}
        #myForm p{color: #FF4965;}
       .signup-btn {
            width: 80%;
           margin-left:10%;
            height: 0.7rem;
            border-radius: 0.05rem;
            line-height: 0.7rem;
            font-size: 0.26rem;
            text-align: center;
           background-color: #4A90E2;
           color: #FFF;
           margin-top:1rem;
           border: none;
           border-radius: 50px;
        }
        .bottomtext{  text-align: center;  padding: 0 0.1rem;  color: #666;  flex: 0 0 auto;  margin-bottom: 0.4rem;  }
        
.back{width: 1.7rem;text-align: center;}
        .back span{position: relative;}
        .back span:before{position: absolute;content: "";width: .2rem;height: .32rem;background: url(images/back_.png) no-repeat;background-size: 100% 100%;top: 0;left: -.24rem;}
        .erwm{ text-align: center;width: 1.7rem;color: #ce6c74;}
        .title_name{  text-align: center; flex: 1;font-weight: bold; }
        .myrebate {width: 100%;height: 1.7rem;background: #ff5c6d;color: #fff;padding-top: .45rem;box-sizing: border-box;}
        .myrebadiv{height: .8rem;width: 100%;display: flex;}
        .myflex{flex: 1;line-height: .35rem;text-align: center;}
        .bor_right{border-right: 1px solid #fff;}
        .myflex p:nth-child(2){font-size: .3rem;line-height: .5rem;}
        .tab{width: 100%;height: .6rem;line-height:.6rem;border-top:1px solid #f65266;margin-bottom: .1rem; background: #fff;color: #2fa8d2;font-size: .24rem;display: flex;}
        .tab .tabdiv{flex: 1;text-align: center;}
        .tabactive{border-bottom: 2px solid #2FA8D2;}
        /*排行榜*/
		.content{  width: 95%;  margin: 0 auto;  background-color: #fff;  height: calc(100% - 3.4rem);  overflow: scroll; }
		::-webkit-scrollbar{width:0;height:0}
		.content .item{  display: flex;  align-items:center;height: 0.9rem;  background: #fff;border-bottom: 1px solid #999;color: #333;padding: 0 .15rem;box-sizing: border-box;position: relative;}
		.content .item .numlist{  width: 30px;  height: 30px;  text-align: center;background: #02A8FE;border-radius: 50%;}
		.content .item h3{ flex: 1; overflow: hidden;  margin: 0 0 0 10px; font-weight: 200;font-size: 14px;  }
		.content .item .date,.content .item .number{  margin: 0 20px;  }
		.content .item .date{  flex: 1;  }
		.opacity{  -webkit-animation: opacity 0.3s linear;  animation: opacity 0.3s linear;  }
		@keyframes opacity {
		    0% {  opacity:0;  }
		    100% {  opacity:1;  }
		}
		/*.content .lists2 .username{position: absolute;display: block;bottom: .1rem;left: 0;text-align: center;}*/
		.lists2 .list1{display: none;}
		.lists2 .list2{display: inline-block;}
		.span1{width: .5rem;height: .2rem;text-align: center;line-height: .2rem;color: #fff;margin-left: .3rem;padding: .02rem;}
		.span2{width: 1.56rem;height: .3rem;text-align: center;line-height: .3rem;color: #fff;}
		.lists2 .number{flex: 1;text-align: center;}
		.lists1 .list2{display: none;}
        .register{
            position: relative;
            padding: 0.6rem 0 0;
        }
        .list_img{ width: 27px;  height: 27px; border-radius: 50%;}
        .pageMain,.error,.msg,.tabNav{display: none;}
        .msg{text-align: center;  transform: translatey(50%);  height: 100%;}
        .error{color:red;position: absolute;bottom:-0.45rem;right:0rem; }
        .QRCode{visibility: hidden;}